﻿<script language="javascript">
    function setPgb(pgbValue) {
        if (pgbValue <= 100) {
            if (lblObj = document.getElementById("pgbMain_label")) {
                lblObj.innerHTML = pgbValue + "%"; // change the label value
            }
            if (pgbObj = document.getElementById("pgbMain")) {
                var divChild = pgbObj.children[0];
                pgbObj.children[0].style.width = pgbValue + "%";
            }
        }
    }
    function initPgb(lbl) {
        document.getElementById("pgbName").innerHTML = "当前操作：<span style='color:red'>" + lbl + "</span>";
        setPgb(0);
    }

    function setMessageBox(msg) {
        document.getElementById("MessageBox").innerHTML = '<span>'+msg+'</span>';
    }
</script>
<html>
<head>
    <title></title>
    <style type="text/css">
        body { font-size: 12px; }
        .bi-loading-status { width: 100%; padding: 1px; overflow: hidden; }
        .bi-loading-status .text { white-space: nowrap; overflow: hidden; width: 10%; text-overflow: ellipsis; padding: 1px; float: right; color: #ff0000; font-size: 12px; }
        
        .bi-loading-status .progress-bar { border: 1px solid ThreeDShadow; background: window; height: 16px; width: 88%; padding: 1px; overflow: hidden; float: left; font-size: 12px; }
        
        .bi-loading-status .progress-bar div { background: Highlight; overflow: hidden; height: 100%; filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); }
        
        .bi-loading-status .progress-messgebox { font-size: 12px; }
    </style>
</head>
<body>
    <table border="0" align="center" width="80%" id="progressbar">
        <tr>
            <td>
                <div class="bi-loading-status" id="proBar" style="width: 100%;">
                    <div style="width: 100%; font-size: 12px;" id="pgbName" align="left">
                    </div>
                    <div class="text" id="pgbMain_label" align="left">
                    </div>
                    <div class="progress-bar" id="pgbMain" align="left">
                        <div style="width: 10%">
                        </div>
                    </div>
                    <div class="progress-messgebox" id="MessageBox">
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
